<template>
    <div>
        <el-card shadow="always" :body-style="{ padding: '20px' }">
            <template v-slot:header>微信支付</template>
            <el-form-item label="微信支付商户号">
                <el-input v-model="form.wepay.mch_id" placeholder="公众号支付请求中用于加密的密钥Key"></el-input>
            </el-form-item>
            <el-form-item label="商户支付API密钥">
                <el-input v-model="form.wepay.key" placeholder="请在 微信支付-安全中心-API安全 中设置或查看"></el-input>
            </el-form-item>
            <el-form-item label="运行模式">
                <el-input v-model="form.wepay.mode" placeholder="沙箱模式需要设置值为dev"></el-input>
            </el-form-item>
        </el-card>

        <el-card shadow="always" :body-style="{ padding: '20px' }" class="mt-3">
            <template v-slot:header>应用APPID</template>
            <el-form-item label="公众号APPID">
                <el-input v-model="form.wepay.app_id" placeholder="公众号 APPID"></el-input>
            </el-form-item>
        </el-card>

        <el-card shadow="always" :body-style="{ padding: '20px' }" class="mt-3">
            <template v-slot:header>支付证书</template>
            <el-form-item label="cert_client证书">
                <el-input v-model="form.wepay.cert_client" placeholder="退款等情况时用到"></el-input>
            </el-form-item>
            <el-form-item label="cert_key证书">
                <el-input v-model="form.wepay.cert_key" placeholder="退款等情况时用到"></el-input>
            </el-form-item>
        </el-card>
    </div>
</template>

<script>
export default { route: false, inject: ['form'] }
</script>

<style></style>
